<!--  -->
<template>
  <div>
    <h1>详情页</h1>
    <ul>
      <li>ID:{{id}}</li>
      <li>title:{{title}}</li>
      <!-- <li>信息ID:{{$route.params.id}}</li>
      <li>信息内容:{{$route.params.title}}</li> -->
      <li>路由接收过来的a:{{a}}</li>
      <li>路由接收过来的b:{{b}}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  },
  props: ['a', 'b', 'id', 'title'],
  //生命周期 - 创建完成（访问当前this实例）
  created () {

  },
  //生命周期 - 挂载完成（访问DOM元素）
  mounted () {
    console.log(this.$route);
  }
}
</script>
<style scoped>
/* @import url(); 引入css类 */
</style>